<%@page import="java.util.*" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%
	String Code = (String)session.getAttribute("LanguageCode");
	String SubCode = (String)session.getAttribute("LanguageSubcode");
	Locale locale = new Locale(Code, SubCode);
	ResourceBundle resource = ResourceBundle.getBundle("resource", locale);
%>
<link href="/css/POS/OrderItem/OrderItem.css" rel="stylesheet" />
<script src="/js/POS/OrderItem/OrderItem.js"></script>
<div name="favorite" style="width:100%;">
	<div class="Orderproductheader">
	<div name="tabletitle"></div>
	</div>
	<table style="width: 100%;display: block;height: calc(100% - 44px);position: absolute;" cellpadding="0" cellspacing="0">
		<tr style="vertical-align:top;">
			<td style="min-width:324px;width:20%;">
				<div class="rightOrderList">
					<div class="orderlisthead">
					<div class="orderlistIcon orderListhead"></div>
						<div style="padding-top:10px;"><%out.print(resource.getString("POS.Order.order"));%></div>
					</div>
					<table  name="orderlisthead">
						<tr class="orderlistitle">
							<td>#&nbsp;</td>
							<td><%out.print(resource.getString("POS.Order.product"));%>&nbsp;<span name="orderAmount" style="color:#9a9b9b">&nbsp;</span></td>
							<td><%out.print(resource.getString("POS.Order.price"));%></td>
							<td><%out.print(resource.getString("POS.Order.quantity"));%></td>
							<td>&nbsp;</td>
						</tr>
					</table>
						<div colspan="3" class="orderlistbody">
						</div>
						<div class="orderlistcharge">
							<span><%out.print(resource.getString("POS.Order.charge"));%></span>
							<span name="orderItemprice">0</span>
						</div>
						<div>
								<input type="button" name="btnorderlist"  value="<%out.print(resource.getString("POS.Order.genorder"));%>" onclick="SaveOrdertoEntity()">
							</div>
				</div>
			</td>
			<td style="width:80%">
				<div class="favoriteList">
					<div style="margin-left:52px; float:left; font-weight:800"><%out.print(resource.getString("POS.Order.fd"));%></div>
					<div class="keeprightCat link"><%out.print(resource.getString("POS.Order.Allfd"));%>(<span name="favorateAmt">0</span>)</div>
					<div class=" orderlistIcon favoratebigicon" style="cursor:default;"></div>
					<div name="favolateItemList"></div>
				</div>
				<div class="productCatheader">
					<div class="orderlistIcon productCaticon" onclick="hideProductCat()"></div>
					<div class="catbaccomeheader"><span class="link" onclick="createPOSbyProductCat()"><%out.print(resource.getString("POS.Order.pdCat"));%></span></div>
					<div name="searchproducts"><div class="orderlistIcon sarechicon"></div><input type="text" placeholder="<%out.print(resource.getString("POS.Order.searchpro"));%>"></div>
				</div>
				<div style="height:100%">
					<div class="categoryleftitem"></div>
					<div class="blockItemList">
					<div class="keeprightCatdetail link"><%out.print(resource.getString("POS.Order.Allcat"));%>(<span>10</span>)</div>
							<div class="detailCatitem"><div class="circle"></div>
							<%out.print(resource.getString("POS.Order.selectprocat"));%></div>
							<div name="show_positem" style="overflow:auto;min-height:299px;"></div>
				</div>
			</td>
		</tr>
	</table>  
</div>